<template>
  <div id="app">
    
    <router-view/>

    <van-tabbar 
    v-model="active"
    >
    <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/check">考勤</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/Hygiene1">卫生</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/leave">请假</van-tabbar-item>
    <van-tabbar-item icon="setting-o" to="/Info">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return{
      active: 0
    }
  }
}
</script>
<style lang='less' scoped>
#app .van-tabbar-item--active {
    color: #189818;
    background-color: #dbf4e7;
}
</style>
